//定义一个变量和一个mixin
$baseFontSize: 16;//基于视觉稿横屏尺寸/100得出的基准font-size
@mixin px2rem($name, $px){
  #{$name}: $px / $baseFontSize * 1rem;
}
* {
  margin: 0;
  padding: 0;
}
body {
  color: #666;
  background-color: #e8e9e8 !important;
}

.branner {
  @include px2rem(height, 160);
  position: relative;

  .branner-img {
    width: 100%;
    height: 100%
  }
  .branner-table-head {
    position: relative;
    text-align: center;
    border-radius:60px 60px 0px 0px;
    border-bottom: 1px dashed #ddd;
    color: rgba(112,112,112,1);
    font-weight: 500;
    font-family: PingFang SC;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    @include px2rem(height, 45);
    @include px2rem(line-height, 45);
    @include px2rem(font-size, 18);
    @include px2rem(bottom, 45);
    @include px2rem(padding-top, 5);

    :first-child {
      width: 24%;
    }
    :nth-child(2) {
      width: 30%;
    }
    :nth-child(3) {
      width: 38%;
    }
  }

}

.contor {
  @include px2rem(margin-top, 10);
  .contor-col {
    @include px2rem(margin-right, 15);
    @include px2rem(margin-left, 15);
  }
  .contor-ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    border-top: 1px solid #ddd;
    @include px2rem(height, 38);
    @include px2rem(line-height, 38);
    @include px2rem(font-size, 13);

    :first-child {
      width: 18%;
      @include px2rem(padding-left, 5);

      span {
        padding: 0px;
      }

      .icon {
        padding: 0px;
        position: relative;
        @include px2rem(bottom, 2);
        @include px2rem(width, 28);
        @include px2rem(height, 28);
      }
    }
    :nth-child(2) {
      width: 65%;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    :nth-child(3) {
      width: 35%;
      text-align: right;
      @include px2rem(padding-right, 5);

      .rmb {
        @include px2rem(font-size, 12);
        position: relative;
        @include px2rem(bottom, 2);
      }
    }

    .redColor {
      color: #FB1414;
    }
    .storColor {
      color: #FB6514;
    }
  }
}
